﻿<!doctype html> <!--paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!-- Consider adding a manifest.appcache: h5bp.com/d/Offline -->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="en">
	<!--<![endif]-->


<head>

    <meta charset="utf-8" />

	<!-- Use the .htaccess and remove these lines to avoid edge case issues.
	More info: h5bp.com/b/378 -->
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		
	<meta name="description" content="" />
	<meta name="author" content="" />
		
	<!-- Mobile viewport optimized: j.mp/bplateviewport -->
	<meta name="viewport" content="width=device-width,initial-scale=1" />
		
	<!-- Place favicon.ico and apple-touch-icon.png in the root directory:
	mathiasbynens.be/notes/touch-icons -->

    <title>@ViewBag.Title</title>
		
	<!-- CSS -->
	<link rel="stylesheet" href="@Url.Content("~/Content/Peach/css/960gs/fluid.css")" /> <!-- 960.gs Grid System -->
	<!-- The HTML5-Boilerplate CSS styling -->
	<link rel="stylesheet" href="@Url.Content("~/Content/Peach/css/h5bp/normalize.css")" /> <!-- RECOMMENDED: H5BP reset styles -->
	<link rel="stylesheet" href="@Url.Content("~/Content/Peach/css/h5bp/non-semantic.helper.classes.css")" /> <!-- RECOMMENDED: H5BP helpers (e.g. .clear or .hidden) -->
	<link rel="stylesheet" href="@Url.Content("~/Content/Peach/css/h5bp/print.styles.css")" /> <!-- OPTIONAL: H5BP print styles -->
	<!-- The main styling -->

	<link rel="stylesheet" href="@Url.Content("~/Content/Peach/css/sprites.css")" /> <!-- STRONGLY RECOMMENDED: Basic sprites (e.g. buttons, jGrowl) -->
	<link rel="stylesheet" href="@Url.Content("~/Content/Peach/css/header.css")" /> <!-- REQUIRED: Header styling -->
	<link rel="stylesheet" href="@Url.Content("~/Content/Peach/css/navigation.css")" /> <!-- REQUIRED: Navigation styling -->
	<link rel="stylesheet" href="@Url.Content("~/Content/Peach/css/sidebar.css")" /> <!-- OPTIONAL: Sidebar -->
	<link rel="stylesheet" href="@Url.Content("~/Content/Peach/css/content.css")" /> <!-- REQUIRED: Content styling -->
	<link rel="stylesheet" href="@Url.Content("~/Content/Peach/css/footer.css")" /> <!-- REQUIRED: Footer styling -->

	<link rel="stylesheet" href="@Url.Content("~/Content/Peach/css/typographics.css")" /> <!-- REQUIRED: Typographics -->
	<link rel="stylesheet" href="@Url.Content("~/Content/Peach/css/ie.fixes.css")" /> <!-- OPTIONAL: Fixes for IE7 -->
	<!-- Sprites styling -->
	<link rel="stylesheet" href="@Url.Content("~/Content/Peach/css/sprite.forms.css")" /> <!-- SPRITE: Forms styling -->
	<link rel="stylesheet" href="@Url.Content("~/Content/Peach/css/sprite.lists.css")" /> <!-- SPRITE: Lists styling -->
	<link rel="stylesheet" href="@Url.Content("~/Content/Peach/css/icons.css")" /> <!-- Icons -->

    <link rel="stylesheet" href="@Url.Content("~/Content/Peach/css/sprite.wizard.css")"> <!-- SPRITE: Wizard -->

	<!-- Styling of JS plugins -->
	<link rel="stylesheet" href="@Url.Content("~/Content/Peach/css/external/jquery-ui-1.8.16.custom.css")" />	<!-- PLUGIN: jQuery UI styling -->
		
	<!-- More ideas for your <head> here: h5bp.com/d/head-Tips -->

	<!-- All JavaScript at the bottom, except this Modernizr build incl. Respond.js
	Respond is a polyfill for min/max-width media queries. Modernizr enables HTML5
	elements & feature detects;
	for optimal performance, create your own custom Modernizr build:
	www.modernizr.com/download/ -->
	<script type="text/javascript" src="@Url.Content("~/Content/Peach/js/libs/modernizr-2.0.6.min.js")"></script>

</head>

<body>
		
		<!-- Begin of #height-wrapper -->
		<div id="height-wrapper">
			<!-- Begin of header -->
			<header>
				<!-- Begin of the header toolbar -->
				<div id="header_toolbar">
					<div class="container_12">
						<h1 class="grid_8">Online Media Setup</h1>

						<!-- Start of right part -->
						<div class="grid_4">
							<!-- A small toolbar button (Message Box) -->
							<div class="toolbar_small">
								<div class="toolbutton">
									<span>8</span> <!-- Number of unread messages -->
									<img src="@Url.Content("~/Content/Peach/img/icons/16x16/mail.png")" width="16" height="16" alt="mail" />
								</div>
                                <!-- Contains the unread messages in a list (Maybe only show top 5) -->
								<div class="toolbox">
									<span class="arrow"></span>
									<h3>Your Messages</h3>
									<ul class="mail">
										<li>
											<a href="#"> <strong>10:15</strong>Need your Help!
											<small>
												From: John
											</small> </a>

										</li>
										<li>
											<a href="#"> <strong>9:55</strong>New comment on you theme
											<small>
												From: themeforest
											</small></a>
										</li>
										<li>
											<a href="#"> <strong>Yest.</strong>Successful backup
											<small>

												From: System
											</small></a>
										</li>
										<li class="read">
											<a href="#"> <strong>2 days</strong>Bug report
											<small>
												From: Jane
											</small></a>
										</li>

									</ul>
									<a class="inbox" href="#">Go to inbox &raquo;</a> <!-- ALink to inbox page -->
								</div>
							</div> <!-- End of small toolbar button -->
							
							<!-- A large toolbar button (Administrator Profile)-->
							<div class="toolbar_large">
								<div class="toolbutton">
									<div class="toolicon">

										<img src="@Url.Content("~/Content/Peach/img/icons/16x16/user.png")" width="16" height="16" alt="user" />
									</div>
									<div class="toolmenu">
										<div class="toolcaption">
											<span>Administrator</span>
										</div>
										<!-- Start of menu -->
										<div class="dropdown">

											<ul>
												<li>
													<a href="#">Settings</a>
												</li>
												<li>
													<a href="#">Logout</a>
												</li>
											</ul>

										</div> <!-- End of menu -->
									</div>
								</div>
							</div> <!-- End of large toolbar button -->
						</div>
						<!-- End of right part -->
					</div>
				</div>
            </header>
				<!-- End of the header toolbar -->

				<div id="nav_sub"></div>
			</header>	
            @RenderBody()	<!-- Main Body From view Pages -->
        </div> <!-- End of #height-wrapper -->

		<!-- Start of footer-->
		<footer>
			<div class="container_12">
				Copyright &copy; 2011 Rob Waldron, all rights reserved.
				<div id="button_bar">
					<ul>
						<li>
							<span><a href="@Url.Content("/")">Main Site</a></span>
						</li>
						<li>

							<span><a href="#">Settings</a></span>
						</li>
					</ul>
				</div>
			</div>
		</footer><!-- End of footer-->
			
			
		<!-- JavaScript at the bottom for fast page loading -->

		<script type="text/javascript" src="@Url.Content("~/Content/Peach/js/libs/jquery-1.6.4.js")"></script>
		<script type="text/javascript" src="@Url.Content("~/Content/Peach/js/libs/jquery-ui-1.8.16.min.js")"></script>
		
		<!-- scripts concatenated and minified via build script -->
		<script type="text/javascript"defer="defer" src="@Url.Content("~/Content/Peach/js/plugins.js")"></script> <!-- REQUIRED: Different own jQuery plugnis -->

		<script type="text/javascript" defer="defer" src="@Url.Content("~/Content/Peach/js/mylibs/jquery.ba-resize.js")"></script> <!-- RECOMMENDED when using sidebar: page resizing -->
		<script type="text/javascript" defer="defer" src="@Url.Content("~/Content/Peach/js/mylibs/jquery.easing.1.3.js")"></script> <!-- RECOMMENDED: box animations -->
		<script type="text/javascript" defer="defer" src="@Url.Content("~/Content/Peach/js/mylibs/jquery.ui.touch-punch.js")"></script> <!-- RECOMMENDED: touch compatibility -->
		<script type="text/javascript" defer="defer" src="@Url.Content("~/Content/Peach/js/mylibs/jquery.chosen.js")"></script>
        <script type="text/javascript" defer="defer" src="@Url.Content("~/Content/Peach/js/mylibs/jquery.equalheights.js")"></script>
		<script type="text/javascript" defer="defer" src="@Url.Content("~/Content/Peach/js/mylibs/jquery.validate.js")"></script>

		<script defer src="@Url.Content("~/Content/Peach/js/script.js")"></script> <!-- REQUIRED: Generic scripts -->
		<!-- end scripts -->
		<script>
		    $(window).load(function () {
		        $('#accordion').accordion();
		        $(window).resize();
		    });
		</script>
		
		<!-- Prompt IE 6 users to install Chrome Frame. Remove this if you want to
		support IE 6.
		chromium.org/developers/how-tos/chrome-frame-getting-started -->
		<!--[if lt IE 7 ]>
		<script defer
		src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script>
		<script
		defer>window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})</script>
		<![endif]-->
</body>
</html>
